// pages/workshop/workshop.js
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    animationTime: 1,
    // 堆叠式轮播图
    swiperList: [{
      id: 0,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/2JS6OM45FGBPKiZ.jpg'
    }, {
      id: 1,
        type: 'image',
        url: 'https://s2.loli.net/2023/06/03/8opxDyHmKTv3d6M.jpg',
    }, {
      id: 2,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/9fedu6bS2R1FjwJ.jpg'
    }, {
      id: 3,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/I7ETHFZVSPnCcQN.jpg'
    }, {
      id: 0,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/T9IfLvNiepWQurF.png'
    },{
      id: 4,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/HEMuvWCAxX2iJGk.jpg'
    }, {
      id: 5,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/IE2BWjsaMh5fXFD.jpg'
    }, {
      id: 6,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/tMwoLe6B79xrzAG.jpg'
    }, {
      id: 7,
      type: 'image',
      url: 'https://s2.loli.net/2023/06/03/YeusHqGQMS2xcP8.jpg'
    }],
    list: ['点击图片区域查看资源内容', '点击资源名称区域即可复制网盘下载链接', '敬请期待...'],
    resourcesList: [],
    // 随机背景色
    colourList: [{
        colour: 'bg-red'
    }, {
        colour: 'bg-orange'
    }, {
        colour: 'bg-yellow'
    }, {
        colour: 'bg-olive'
    }, {
        colour: 'bg-green'
    }, {
        colour: 'bg-cyan'
    }, {
        colour: 'bg-blue'
    }, {
        colour: 'bg-purple'
    }, {
        colour: 'bg-mauve'
    }, {
        colour: 'bg-pink'
    }, {
        colour: 'bg-lightBlue'
    }],
    CustomBar: app.globalData.CustomBar,
    browseImg: '',
    Data:'该平台分享的资源，仅供学习使用，不可商用！若某个资源侵犯了您的权益，请联系我。',
    isConfirm: false
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 初始化towerSwiper 传已有的数组名即可
    this.towerSwiper('swiperList');
    // 查询资源列表
    this.findResourcesList();
    this.randomNum();
  },
  //获取随机数
  randomNum: function () {
    var num = Math.floor(Math.random() * 10);
    this.setData({
        randomNum: num
    });
  },
  // 初始化towerSwiper(轮播图)
  towerSwiper(name) {
    let list = this.data[name];
    for (let i = 0; i < list.length; i++) {
      list[i].zIndex = parseInt(list.length / 2) + 1 - Math.abs(i - parseInt(list.length / 2))
      list[i].mLeft = i - parseInt(list.length / 2)
    }
    this.setData({
      swiperList: list
    })
  },
  // towerSwiper触摸开始(轮播图)
  towerStart(e) {
    this.setData({
      towerStart: e.touches[0].pageX
    })
  },
  // towerSwiper计算方向(轮播图)
  towerMove(e) {
    this.setData({
      direction: e.touches[0].pageX - this.data.towerStart > 0 ? 'right' : 'left'
    })
  },
  // towerSwiper计算滚动(轮播图)
  towerEnd(e) {
    let direction = this.data.direction;
    let list = this.data.swiperList;
    if (direction == 'right') {
      let mLeft = list[0].mLeft;
      let zIndex = list[0].zIndex;
      for (let i = 1; i < list.length; i++) {
        list[i - 1].mLeft = list[i].mLeft
        list[i - 1].zIndex = list[i].zIndex
      }
      list[list.length - 1].mLeft = mLeft;
      list[list.length - 1].zIndex = zIndex;
      this.setData({
        swiperList: list
      })
    } else {
      let mLeft = list[list.length - 1].mLeft;
      let zIndex = list[list.length - 1].zIndex;
      for (let i = list.length - 1; i > 0; i--) {
        list[i].mLeft = list[i - 1].mLeft
        list[i].zIndex = list[i - 1].zIndex
      }
      list[0].mLeft = mLeft;
      list[0].zIndex = zIndex;
      this.setData({
        swiperList: list
      })
    }
  },
  // 查询资源列表
  findResourcesList(){
    wx.cloud.callFunction({
      name: "query",
      data: {
        dbName: "t-resources",
        filter: {},
      }
    }).then( res => {
      console.log("查询t-resources回调：",res)
      this.setData({
        resourcesList: res.result.data
      })
    })
  },
  // 点击复制链接到剪切板
  prevent(event) {
    // wx.setClipboardData 设置系统剪贴板的内容
    // console.log("设置系统剪贴板的内容:",event);
    wx.setClipboardData({
        data: event.currentTarget.dataset.url,
    });
  },
  // 点击遵守
  confirm(){
    this.setData({
      Data: this.data.dataUrl,
      isConfirm: true
    })
  },
  // 点击复制
  copy(){
    // 设置剪切板内容
    wx.setClipboardData({
      data: this.data.Data,
    });
    wx.showToast({
      title: '已复制资源链接',
    })
    // 隐藏对话框
    this.hideDialogBox();
  },

  // 显示左侧模态窗口
  showModal(e) {
    // console.log("点击图片传递的index：",e)
    this.setData({
      isShow: true,
      browseImg: this.data.resourcesList[e.currentTarget.dataset.index].logo
    })
  },
  hideModal(e) {
    this.setData({
      isShow: false
    })
  },
  // 显示对话框
  showDialogBox(e){
    this.setData({
      showDialogBox: true,
      dataUrl: e.currentTarget.dataset.url
    })
  },
  // 隐藏对话框
  hideDialogBox(){
    this.setData({
      showDialogBox: false,
      Data: "该平台分享的资源，仅供学习使用，不可商用！若某个资源侵犯了您的权益，请联系我。",
      isConfirm: false
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }

})